<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>采购订单相关的采购订单记录</title>
<script type="text/javascript">
    var hxId;
    Ext.onReady(function () {
        //入库记录的Model
        Ext.define('PurchaseOrderHxModel', {
            extend:'Ext.data.Model',
            fields:[
                {
                    name:'id'
                },
                {
                    name:'department_name',
                    mapping:'department.name'
                },
                {
                    name:'employee_name',
                    mapping:'employee.name'
                },
                {
                    name:'amount',
                    type:'float'
                },
                {
                    name:'value_added_tax',
                    type:'float'
                },
                {
                    name:'tax_amount',
                    type:'float'
                },
                {
                    name:'description'
                },
                {
                    name:'created_at'
                },
                {
                    name:'updated_at'
                }
            ]
        });

        var hxesForPurchaseDS = Ext.create('Ext.data.Store', {
            //autoDestroy : true,
            model:'PurchaseOrderHxModel',
            proxy:{
                type:'ajax',
                url:'/purchase_order/getHxesByPurchaseId',
                extraParams:{id:<%=params[:id]%>},
                reader:{
                    type:'json',
                    root:'root',
                    totalProperty:'totalProperty'// 数据集记录总数
                }
            },
            pageSize:pageSize,
            autoLoad:true
        });

        //生成要订单的产品的Grid
        var hxesForPurchaseGrid = Ext.create('Ext.grid.Panel', {
            title:'采购订单列表',
            store:hxesForPurchaseDS,
            columns:[
                {
                    header:'DB',
                    dataIndex:'id',
                    width:50
                },
                {
                    header:'部门',
                    dataIndex:'department_name',
                    width:70
                },
                {
                    header:'编辑者',
                    dataIndex:'employee_name',
                    width:70
                },
                {
                    header:'总金额',
                    dataIndex:'amount',
                    renderer:Ext.util.Format.numberRenderer('0,000.00'),
                    align:'right',
                    width:85
                },
                {
                    header:'进项税',
                    dataIndex:'value_added_tax',
                    align:'right',
                    renderer:Ext.util.Format.numberRenderer('0,000.00'),
                    width:85
                },
                {
                    header:'总金额(含税)',
                    dataIndex:'tax_amount',
                    renderer:Ext.util.Format.numberRenderer('0,000.00'),
                    align:'right',
                    width:100
                },
                {
                    header:'描述',
                    dataIndex:'description',
                    width:230
                },
                {
                    header:'变更日期',
                    dataIndex:'created_at',
                    renderer:Ext.util.Format.dateRenderer('Y-m-d H:i'), width:115
                },
                {
                    header:'修改日期',
                    dataIndex:'updated_at',
                    renderer:Ext.util.Format.dateRenderer('Y-m-d H:i'), width:115
                }
            ],
            loadMask:true,
            width:945,
            height:230,
            frame:true
        });

        hxesForPurchaseGrid.on('itemdblclick', function (gridPanel, record, item, index, e, options) {
            hxId = hxesForPurchaseDS.getAt(index).get('id');
            var saleOrderNumber = hxesForPurchaseDS.getAt(index).get('order_number');
            //hxesForPurchaseDS.load();
            purchaseOrderHxDetailDS.removeAll();
            purchaseOrderHxDetailDS.load({params:{'id':hxId}});
            purchaseOrderHxDetailGrid.setTitle("采购订单的历史详细信息");
        });


        Ext.define('PurchaseOrderDetailHxModel', {
            extend:'Ext.data.Model',
            fields:[
                {
                    name:'id'
                },
                {
                    name:'product_name',
                    mapping:'product.name'
                },
                {
                    name:'product_number',
                    mapping:'product.number'
                },
                {
                    name:'product_spec',
                    mapping:'product.spec'
                },
                {
                    name:'quantity'
                },
                {
                    name:'unit_price'
                },
                {
                    name:'amount'
                },
                {
                    name:'tax_price'
                },
                {
                    name:'tax_amount'
                },
                {
                    name:'is_suit',
                    mapping:'product.is_suit',
                    convert:function (value, record) {
                        if (value == "1") {
                            return "套装";
                        } else if (value == "0") {
                            return "单品";
                        }
                    }
                },
                {
                    name:'description'
                }
            ]
        });


        var purchaseOrderHxDetailDS = Ext.create('Ext.data.Store', {
            //autoDestroy : true,
            model:'PurchaseOrderDetailHxModel',
            proxy:{
                type:'ajax',
                url:'/purchase_order/getHxDetailsByHxId',
                reader:{
                    type:'json',
                    root:'root',
                    totalProperty:'totalProperty'// 数据集记录总数
                }
            }
        });

        //生成要订单的产品的Grid
        var purchaseOrderHxDetailGrid = Ext.create('Ext.grid.Panel', {
            title:'采购订单详细列表',
            store:purchaseOrderHxDetailDS,
            columns:[
                {
                    header:'DB',
                    dataIndex:'id',
                    width:50
                },
                {
                    header:'产品名称',
                    dataIndex:'product_name',
                    width:210
                },
                {
                    header:'编号', dataIndex:'product_number', width:100
                },
                {
                    header:'规格',
                    dataIndex:'product_spec',
                    width:80
                },
                {
                    header:'数量',
                    dataIndex:'quantity',
                    align:'right',
                    width:50
                },
                {
                    header:'单价',
                    dataIndex:'unit_price',
                    renderer:Ext.util.Format.numberRenderer('0,000.00'),
                    align:'right',
                    width:70
                },
                {
                    header:'总价',
                    dataIndex:'amount',
                    renderer:Ext.util.Format.numberRenderer('0,000.00'),
                    align:'right',
                    width:80
                },
                {
                    header:'含税单价',
                    dataIndex:'tax_price',
                    renderer:Ext.util.Format.numberRenderer('0,000.00'),
                    align:'right',
                    width:80
                },
                {
                    header:'含税总价',
                    dataIndex:'tax_amount',
                    renderer:Ext.util.Format.numberRenderer('0,000.00'),
                    align:'right',
                    width:80
                },
                {
                    header:'套装或单品',
                    dataIndex:'is_suit',
                    width:70
                },
                {
                    header:'备注',
                    dataIndex:'description',
                    width:150
                }
            ],
            loadMask:true,
            width:945,
            height:285,
            frame:true
        });
        //总的panel
        var workbenchPanel = Ext.create('Ext.form.Panel', {
            width:955,
            height:640,
            frame:false,
            layout:{type:'table', columns:1},
            items:[hxesForPurchaseGrid, purchaseOrderHxDetailGrid]
        });
        workbenchPanel.render("hx_for_purchase_workbench_panel");
    })
</script>
</head>
<body>
<div id="hx_for_purchase_workbench_panel"></div>
</body>
</html>